<!-- vue使用:响应式数据:reactive -->
<script setup lang="ts">
import { reactive } from 'vue'
//1.先导入reactive
// 2.只能使用复杂类型的数据
// 3.不能重新赋值
let obj = reactive({
  name: '张三',
  age: 18,
  sex: '男'
})
//简单类型->不生效
// const num = reactive(100)
// 不能重新赋值
setTimeout(() => {
  obj = {
    name: '',
    age: 0,
    sex: ''
  }
  console.log(obj);

}, 2000);
</script>

<template>
  <div>{{ obj.name }}</div>
  <div @click="obj.age++">{{ obj.age }}</div>
  <div>{{ obj.sex }}</div>


</template>

<style scoped></style>
